const path = require('path')
module.exports = {
    chainWebpack: config => {
        const oneOfsMap = config.module.rule('scss').oneOfs.store
        oneOfsMap.forEach(item => {
            item
                .use('sass-resources-loader')
                .loader('sass-resources-loader')
                .options({
                    // Provide path to the file with resources
                    // 要公用的scss的路径
                    resources: './src/assets/css/common.scss'
                })
                .end()
        })
    },
    devServer: {
        port: 8080, //端口号
        host: '0.0.0.0', //主机名 127.0.0.1  真机0.0.0.0
        https: false, //协议
        open: true, //启动服务时自动打开浏览器访问
        proxy: {
            //开发环境配置代理
            // '/dev-api': {
            [process.env.VUE_APP_BASE_API]: {
                target: process.env.VUE_APP_SERVICE_URL, //目标服务器地址
                changeOrigin: true, //开启代理服务器
                pathRewrite: {
                    //  /dev-api/db.json 最终会发送http://localhost:8080/db.json
                    //  将请求地址前缀 /dev-api 替换为空的
                    //'^/dev-api': ''
                    ["^" + process.env.VUE_APP_BASE_API]: ""
                }
            },
            '/dt-api': {     //这里最好有一个 /
                target: 'http://diting.kmdns.net:9104/webservice_soil/api',  // 后台接口域名
                ws: true,        //如果要代理 websockets，配置这个参数
                secure: false,  // 如果是https接口，需要配置这个参数
                changeOrigin: true,  //是否跨域
                pathRewrite:{
                    '^/dt-api':''
                }
            }
        }
    },
    lintOnSave: false, //关闭格式检查
    productionSourceMap: false, //打包时不会生成.map文件
    configureWebpack: { // webpack 配置
        devtool: 'source-map',
      },
    css: {
        loaderOptions: {
         css: {},
         postcss: {
          plugins: [
           require("postcss-px2rem")({
            remUnit: 192///设计图宽度/10
           })
          ]
         }
        }
       } 
};
